<template>
<!--  <h2>后台管理页面首页</h2>-->

  <el-container style=" border: 1px solid #eee">
    <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
      <el-menu :default-openeds="['1', '3']">

        <el-submenu index="1">
          <template slot="title"><i class="el-icon-message"></i>导航一</template>
          <el-submenu index="1-1">
            <template slot="title">选项4</template>
            <el-menu-item index="1-1-1">选项4-1</el-menu-item>
          </el-submenu>
        </el-submenu>

        <el-submenu index="2">
          <template slot="title"><i class="el-icon-menu"></i>数据管理</template>

          <el-submenu index="2-1">
            <template slot="title">用户数据管理</template>
            <el-menu-item index="2-1-1">
              <router-link to="/adminUser">用户管理</router-link>
            </el-menu-item>
            <el-menu-item>
              <router-link to="/adminUserComments">评论管理</router-link>
            </el-menu-item>
          </el-submenu>

          <el-submenu index="2-2">
            <template slot="title">书籍数据管理</template>
            <el-menu-item index="2-2-1">
              <router-link to="/adminBook">书籍管理</router-link>
            </el-menu-item>
            <el-menu-item index="2-2-2">章节管理</el-menu-item>
          </el-submenu>

          <el-submenu index="2-3">
            <template slot="title">其他数据管理</template>
            <el-menu-item index="2-3-1">
              <router-link to="/adminRecom">添加页面广告推荐</router-link>
            </el-menu-item>
          </el-submenu>

        </el-submenu>

        <el-submenu index="3">
          <template slot="title"><i class="el-icon-setting"></i>导航三</template>
          <el-submenu index="3-1">
            <template slot="title">选项4</template>
            <el-menu-item index="3-1-1">选项4-1</el-menu-item>
          </el-submenu>
        </el-submenu>

      </el-menu>
    </el-aside>

    <el-container>


      <el-main>
        <router-view />
      </el-main>

    </el-container>
  </el-container>

</template>

<script>
import { mapState, mapGetters, mapMutations, mapActions } from "vuex";
export default {
  name: "NovelAdminIndexPage",
  data() {

    return {

    }
  },
  methods:{
    ...mapMutations("routeJump", ["updateHeadShow"]),
  },
  created() {
    this.updateHeadShow(false);
  },
  beforeDestroy() {
    this.updateHeadShow(true);
  }
}
</script>

<style scoped>

</style>